<script setup>
import CourseSectionOne from './components/CourseSectionOne.vue'
import CourseSectionTwo from './components/CourseSectionTwo.vue'
import CourseSectionThree from './components/CourseSectionThree.vue'
</script>

<template>
  <div>
    <div class="bg" style="width: 100%; height: 300px"></div>
    <div>
      <course-section-one></course-section-one>
      <course-section-two></course-section-two>
      <course-section-three></course-section-three>
    </div>
  </div>
</template>
<style lang="css" scoped>
.bg {
  background: url('../../assets/course/teacher_bg1.webp') no-repeat center/cover;
}
</style>
